<template>
	<view class="shop">
		<view class="shop-item">
			<view class="shop-img">
				<img class="shop-img" src="@/static/img/shop.jpg" alt="" />
			</view>
			<scroll-view class="scroll-content" scroll-x="true" show-scrollbar="false">
				<view class="scroll-item">
					<Commodity :dataList="shopList" itemW="200rpx" bigH="200rpx" swap="no-swap"></Commodity>
				</view>
			</scroll-view>
		</view>
		
	</view>
</template>

<script>
import Commodity from '@/components/common/Commodity.vue'
export default{
	data() {
		return {
			shopList: [
				{
					id: 1,
					imgUrl: "../../static/img/shop1.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 2,
					imgUrl: "../../static/img/shop2.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 3,
					imgUrl: "../../static/img/shop3.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 4,
					imgUrl: "../../static/img/shop4.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 1,
					imgUrl: "../../static/img/shop1.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 2,
					imgUrl: "../../static/img/shop2.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 3,
					imgUrl: "../../static/img/shop3.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				},
				{
					id: 4,
					imgUrl: "../../static/img/shop4.jpg",
					name: "2024年最流行的羽绒服，再不买就错过了，大甩卖，赶快来抢K29201",
					pprice: "299",
					oprice: "399",
					discount: "5.2"
				}
			]
		}
	},
	components: {
		Commodity
	}
}
</script>

<style scoped>
.shop-img{
	width: 100%;
	height: 350rpx;
}
</style>